<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝网 - 淘！我喜欢</title>
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <div>
        <div class="header">
            <ul style="margin-left: 100px;">
                <li class="li_noraml">tb7312382323 <img src="images/down.png" width="12" /></li>
                <li style="margin-left: 15px;font-size: 13px;cursor: pointer;"><img src="images/message.png"
                        width="12" /> 消息 <img src="images/down.png" width="12" /></li>
                <li style="margin-left: 15px;" class="li_noraml">手机逛淘宝</li>
            </ul>

            <ul class="right_ul">
                <li class="li_theme" style="margin-left: 80px;">淘宝网首页</li>
                <li class="li_noraml">我的淘宝 <img src="images/down.png" width="12" /></li>
                <li class="li_noraml"><img src="images/cart.png" width="12" /> 购物车 <img src="images/down_red.png"
                        width="12" /></li>
                <li class="li_noraml"><img src="images/coll.png" width="12" /> 收藏夹 <img src="images/down.png"
                        width="12" /></li>
                <li class="li_noraml">商品分类</li>
                <li class="li_noraml">卖家中心 <img src="images/down.png" width="12" /></li>
                <li class="li_noraml">联系客服 <img src="images/down.png" width="12" /></li>
                <li class="li_noraml"><img src="images/daohang.png" width="12" /> 网站导航 <img src="images/down_red.png"
                        width="12" /></li>
            </ul>
        </div>

        <div class="main">
            <div class="main_top">
                <img src="images/index_logo.PNG" alt="">
                <div class="main_top_center">
                    <div class="search_area">
                        <input type="text">
                        <select name="search_type" id="search_type">
                            <option value="宝贝">宝贝</option>
                        </select>
                        <img src="" alt="">
                        <div class="search_right">
                            <img src="" alt="">
                            <button>搜索</button>
                        </div>
                    </div>
                    <div class="main_top_center_menu">
                        <ul>
                            <li>新款连衣裙</li>
                            <li>四件套</li>
                            <li>潮流T恤</li>
                            <li>时尚女鞋</li>
                            <li>短裤</li>
                            <li>半身裙</li>
                            <li>男士外套</li>
                            <li>墙纸</li>
                            <li>行车记录仪</li>
                            <li>新款男鞋</li>
                            <li>耳机</li>
                            <li>时尚女包</li>
                            <li>沙发</li>
                        </ul>
                    </div>
                </div>
                <div class="red_packet_area">
                    <p>去领红包</p>
                    <img src="images/red_packet.png_.webp" alt="">
                </div>
            </div>
            <div class="main_content">
                <div class="main_content_title">
                    <span>主题市场</span>
                    <div class="main_menu">
                        <ul>
                            <li>天猫</li>
                            <li>聚划算</li>
                            <li>天猫超市</li>
                            <li>|</li>
                            <li>司法拍卖</li>
                            <li>飞猪旅行</li>
                            <li>天天特卖</li>
                            <li>淘小铺</li>
                            <li>|</li>
                            <li>造点新货</li>
                            <li>苏宁易购</li>
                            <li>淘宝心选</li>
                            <li>智能生活</li>
                        </ul>
                    </div>
                </div>
                <div class="main_left">

                    <div class="market_area">
                        <div class="market_item">
                            <span>女装 / 内衣 / 家居</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>女鞋 / 男鞋 / 箱包</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>母婴 / 童装 / 玩具</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>男装 / 运动户外</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>美妆 / 彩妆 / 个护</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>手机 / 数码 / 企业</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>大家电 / 生活电器</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>零食 / 生鲜 / 茶酒</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>厨具 / 收纳 / 清洁</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>家纺 / 家饰 / 鲜花</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>图书音像 / 文具</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>医药保健 / 进口</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>汽车 / 二手车 / 用品</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>房产 / 装修家具 / 建材</span> <img src="" alt="">
                        </div>
                        <div class="market_item">
                            <span>手表 / 眼镜 / 珠宝饰品</span> <img src="" alt="">
                        </div>
                    </div>
                </div>

                <div class="main_center">
                    <div class="main_pic_area">
                        <div class="looper_area">
                            <img src="" alt="">
                        </div>
                        <div class="pic_top_right">
                            <img src="" alt="">
                        </div>

                        <div class="tm_area">
                            <div class="tm_title">
                                <img src="images/tm_logo.png" alt="">
                                <span>理想生活上天猫</span>
                                <span><a class="current_pic_position">1</a>/5</span>
                            </div>

                            <div class="tm_looper_area">
                                <img src="" alt="">
                                <img src="" alt="">
                            </div>
                        </div>

                        <div class="hot_sale_area">
                            <span>今日热卖</span>
                            <img src="" alt="">
                        </div>
                    </div>

                </div>

                <div class="main_right">
                    <div class="user_area">
                        <div>
                            <img src="images/default_user_avatar.jpg" alt="">
                            <span>Hi！你好</span>
                        </div>
                        <div class="user_area_center">
                            <span>领淘金币抵钱</span>
                            <span>会员俱乐部</span>
                        </div>
                        <div class="user_area_btn">
                            <button>登录</button>
                            <button>注册</button>
                            <button>开店</button>
                        </div>
                        <div>
                            <img src="images/center_bac.jpg" alt="">
                        </div>
                        <div>
                            <ul>
                                <li>公告</li>
                                <li>规则</li>
                                <li>安全</li>
                                <li>公益</li>
                                <li>千牛</li>
                            </ul>
                            <div class="user_menu_area">
                                <span>关于加强卖家广告(含弹窗)合规宣传的公告</span>
                            </div>
                        </div>
                    </div>
                    <div class="right_menu">
                        <div class="menu_line">
                            <div class="menu_item">
                                <img src="" alt="">
                                <span></span>
                            </div>
                            <div class="menu_item">
                                <img src="" alt="">
                                <span></span>
                            </div>
                            <div class="menu_item">
                                <img src="" alt="">
                                <span></span>
                            </div>
                            <div class="menu_item">
                                <img src="" alt="">
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="ali_app_area">
                        <div>
                            <span>阿里APP</span>
                            <span>更多 <img src="" alt=""></span>
                        </div>
                        <div class="app_logo_area">
                            <img src="" alt="">
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</body>

</html>